<%@ page import="com.liuya.common.I18N" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<html>
<head>
    <base href="<%=basePath%>">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta stylename="safe ring"/>
    <meta designer="leegorous"/>
    <link rel="shortcut icon" href="style/def/favicon.ico">
    <link rel="stylesheet" type="text/css" media="screen" href="style/def/css/liuya.css"/>
    <link rel="stylesheet" href="style/def/css/960gs.css"/>
    <link rel="stylesheet" href="style/def/css/liuya_def.css"/>
    <%
        I18N i18n = I18N.getInstance();
    %>
    <!--[if IE]>
    <script src="style/def/js/html5.js"></script>
    <![endif]-->
    <script src="style/def/js/jquery-1.9.1.js"></script>
    <title><%=i18n.say("Datasafe_Console")%>
    </title>
</head>
<body>
<div class="page container_12">

    <div id="content" class="container_12 clearfix">
        <div class="block-tl">
            <div class="head"><%=i18n.say("Assign_Personnel")%>
            </div>
            <div class="body">
                <a href="userMng/userList.do"><%=i18n.say("Assign_roles_to_user")%>
                </a>
            </div>
        </div>
        <div class="block-tr">
            <div class="head"><%=i18n.say("Role_Builder") %>
            </div>
            <div class="body">
                <a href="roleMng/roleList.do"><%=i18n.say("Role")%>
                </a>
            </div>
        </div>
        <div class="block-bl">
            <div class="head"><%=i18n.say("Infrastructure_Builder") %>
            </div>
            <div class="body">
                <a href="userTypeMng.rls"><%=i18n.say("User_metadata")%>
                </a>
                <a href="privilegeMng/openTree.do"><%=i18n.say("Privilege")%>
                </a>
                <a href="nonRolePriviMng/openTree.do"><%=i18n.say("Non_role_privilege")%>
                </a>
                <a href="privilege/privilegeExport.rls"><%=i18n.say("Export_privilege_constants")%>
                </a>
            </div>
        </div>
        <div class="block-br">
            <div class="head"><%=i18n.say("Policy_Developer") %>
            </div>
            <div class="body">
                <a href="userCategoryMng/openTree.do"><%=i18n.say("User_category")%>
                </a>
                <a href="busiDataMng/openTree.do"><%=i18n.say("Business_data_category")%>
                </a>
                <a href="queryMng/openTree.do"><%=i18n.say("Query")%>
                </a>
            </div>
        </div>
        <div class="banner">
            <span class="point"><%=i18n.say("Datasafe_vision1")%></span>
            <span class="point"><%=i18n.say("Datasafe_vision2")%></span>
            <span class="point"><%=i18n.say("Datasafe_vision3")%></span>
        </div>
    </div>

    <div id="footer" class="container_12 clearfix">
        <a href="">The DataSafe Project</a><br/>
        Copyright ©2016-2020 <a href="license.txt">License</a>
    </div>
</div>
<script>
    $(document).ready(function () {
        var ps = $('.point').remove();
        var i = 0;

        function showPoint() {
            var p = $(ps[i]);
            console.log(i);
            i++;
            if (i > 2) i = 0;
            // p.css('opacity', 0);
            $('.banner').append(p);
            p.fadeIn(300, function () {
                setTimeout(function () {
                    p.fadeOut(300, function () {
                        p.remove();
                        setTimeout(showPoint, 1 * 500);
                    });
                }, 10 * 500);
            });
        }

        showPoint();
    });
</script>

</body>
</html>